<template>
  <demo-section>
    <demo-block title="基本用法 (3s后显示内容)">
      <a9-skeleton :loading="loading">
        <div class="content">内容内容内容内容内容内容内容</div>
        <div class="content">内容内容内容内容内容内容内容内容</div>
        <div class="content">内容内容内容内容内容内容</div>
      </a9-skeleton>
    </demo-block>
  </demo-section>
</template>

<script>
export default {
  data: () => ({ loading: true }),
  mounted () {
    setTimeout(() => (this.loading = false), 3000)
  }
}
</script>

<style scoped>
.content {
  color: #ccc;
  font-size: 14px;
  padding: 20px;
}
</style>
